<template>
  <div class="main">
    <div class="navView clearfix">
      <Nav :middleHandle="middleHandle" :information="information" :shopping="shopping" />
    </div>
    <div class="mainContent">
      <router-view></router-view>
    </div>
  </div>
</template>
<script>
import Nav from "./../components/nav.vue";
export default {
  name: "Main",
  components: {
    Nav,
  },
  data() {
    return {
      middleHandle: "首页",
      information: "信息",
      shopping: "外卖",
      backgroundImage: "./../../public/background.jpg",
    };
  },
};
</script>

<style lang="less" scoped>
html,
body {
  height: 100%;
}
.main {
  width: 100%;
  height: 1100px;
  background-image: linear-gradient(
    to right,
    rgb(136, 223, 222),
    rgb(64, 167, 211),
    rgb(9, 9, 9)
  );
}
</style>